<template>
  <el-empty :class="[showImg?'':'noshow']" :description="description" :image-size="imageSize" :image="img">
    <slot></slot>
  </el-empty>
</template>

<script>

export default {
  name: "com-empty",
  description: "缺省图公共组件",
  data(){
    return{
      // defalutEmpty
    }
  },
  props:{
    // 文字描述
    description:{
      type:String,
      default:()=>'暂无数据'
    },
    // 缺省图
    image: {
      type: String,
      default: ()=>''
    },
    // 图片大小
    imageSize: {
      type:Number,
      default: () => 64
    },
    // 缺省类型： 默认缺省defalutEmpty; 类型缺省：typeEmpty;
    emptyType:{
      type: String,
      default: () => "defalutEmpty"
    },
    // 默认展示缺省图
    showImg:{
      type: Boolean,
      default: () => true
    }
  },
  computed: {
    img(){
      if (this.emptyType == 'defalutEmpty'){
        return require("@/assets/empty/empty.png")
      }
      return require("@/assets/empty/class_empty.png")
    }
  },

}
</script>

<style lang="less" scoped>
.noshow{
  /deep/ .el-empty__image{
    display: none;
  }
}
</style>
